<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小U商城</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="font/iconfont.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="shortcut icon" href="images/xiaou_logo.png" type="image/x-icon">
</head>

<body>
    <div id="header_box">
        <div class="type_area header">
            <!-- 左边 -->
            <ul class="left">
                <li>
                    <a href="#">网站导航</a>
                    <span class="iconfont">&#xe520;</span>
                </li>
                <li>
                    <a href="#">商家入驻</a>
                    <span class="iconfont">&#xe520;</span>
                </li>
                <li>
                    <a href="#">客户服务</a>
                    <span class="iconfont">&#xe520;</span>
                </li>
                <li>
                    <i class="iconfont">&#xed14;</i>
                    <a href="#">北京</a>
                    <em class="iconfont">&#xe502;</em>
                </li>
            </ul>
            <!-- 右边 -->
            <ul class="right">
                <li>
                    <a href="#">请登录</a>
                </li>
                <li>
                    <a href="#">注册有礼</a>
                </li>
                <li>
                    <a href="#">我的订单</a>
                    <span class="iconfont">&#xe520;</span>
                </li>
                <li>
                    <a href="#">我的易购</a>
                    <span class="iconfont">&#xe520;</span>
                </li>
                <li>
                    <a href="#">小U会员</a>
                </li>
                <li>
                    <i class="iconfont">&#xf0179;</i>
                    <a href="#">购物车 0</a>
                    <em class="iconfont">&#xe520;</em>
                </li>
                <li>
                    <a href="#">易付宝</a>
                </li>
                <li>
                    <a href="#">企业采购</a>
                </li>
                <li>
                    <a href="#">手机小U</a>
                    <span class="iconfont">&#xe520;</span>
                </li>
            </ul>
        </div>
    </div>

    <!-- 头部 -->
    <div id="head_box">
        <div class="type_area">

            <!-- 头部上 -->
            <div class="top1">
                <h1>
                    <img src="images/logo.jpg" alt="小U商城logo">
                </h1>
                <div class="search_box">
                    <form action="">
                        <input type="text" class="keyword iconfont" placeholder="&#xe501; 跨店每满300减30">
                        <input type="submit" value="搜索" class="btn">
                    </form>
                    <p class="subNav">
                        <a href="#">手机</a><i>|</i>
                        <a href="#">电动牙刷</a><i>|</i>
                        <a href="#">电视</a><i>|</i>
                        <a href="#">海尔空调</a><i>|</i>
                        <a href="#">洗衣机</a><i>|</i>
                        <a href="#">茅台</a><i>|</i>
                        <a href="#">热水器</a><i>|</i>
                        <a href="#">iPad</a><i>|</i>
                        <a href="#">微波炉</a>

                    </p>
                </div>
            </div>

            <!-- 头部下 -->
            <div class="bottom">
                <p>
                    <span class="iconfont">&#xe62f;</span>
                    全部商品分类
                </p>

                <ul>
                    <li>
                        <a href="#">限时抢购</a>
                    </li>
                    <li>
                        <a href="#">红孩子</a>
                    </li>
                    <li>
                        <a href="#">小U超市</a>
                    </li>
                    <li>
                        <a href="#">电器城</a>
                    </li>
                    <li>
                        <a href="#">生活家店</a>
                    </li>
                    <li>
                        <a href="#">时尚服饰</a>
                    </li>
                    <li>
                        <a href="#">金融</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <!-- banner -->
    <div id="banner_box">
        <div class="type_area">

            <!-- banner_pic -->
            <div class="banner_pic">
                <a href="#"></a>
                <img src="images/banner.jpg" alt="">
                <span class="leftarrow iconfont">&#xe606;</span>
                <span class="rightarrow iconfont">&#xe603;</span>

                <p>
                    <span></span>
                    <span></span>
                    <span></span>
                    <span></span>
                    <span></span>
                    <span></span>
                    <span class="cur"></span>
                    <span></span>
                </p>
            </div>

            <!-- banner_list -->
            <ul class="banner_list">
                <li>
                    <a href="">手机</a><i>|</i>
                    <a href="">运营商</a><i>|</i>
                    <a href="">智能数码</a>
                </li>
                <li>
                    <a href="">空调</a><i>|</i>
                    <a href="">电视</a><i>|</i>
                    <a href="">冰箱</a><i>|</i>
                    <a href="">洗衣机</a>
                </li>
                <li>
                    <a href="">厨卫大电</a><i>|</i>
                    <a href="">生活家电</a><i>|</i>
                    <a href="">厨具</a>
                </li>
                <li>
                    <a href="">电脑办公</a><i>|</i>
                    <a href="">相机</a><i>|</i>
                    <a href="">DIY</a>
                </li>
                <li>
                    <a href="">家居</a><i>|</i>
                    <a href="">家具</a><i>|</i>
                    <a href="">家装</a><i>|</i>
                    <a href="">家纺</a>
                </li>
                <li>
                    <a href="">食品</a><i>|</i>
                    <a href="">酒水</a><i>|</i>
                    <a href="">生鲜</a><i>|</i>
                    <a href="">特产</a>
                </li>
                <li>
                    <a href="">美妆</a><i>|</i>
                    <a href="">个户</a><i>|</i>
                    <a href="">清洁</a><i>|</i>
                    <a href="">宠物</a>
                </li>
                <li>
                    <a href="">母婴</a><i>|</i>
                    <a href="">玩具</a><i>|</i>
                    <a href="">车床</a><i>|</i>
                    <a href="">童装</a>
                </li>
                <li>
                    <a href="">运动</a><i>|</i>
                    <a href="">户外</a><i>|</i>
                    <a href="">足球</a><i>|</i>
                    <a href="">跑步机</a>
                </li>
                <li>
                    <a href="">男装</a><i>|</i>
                    <a href="">女装</a><i>|</i>
                    <a href="">内衣</a><i>|</i>
                    <a href="">鞋靴</a>
                </li>
                <li>
                    <a href="">箱包</a><i>|</i>
                    <a href="">钟表</a><i>|</i>
                    <a href="">珠宝</a><i>|</i>
                    <a href="">艺术</a>
                </li>
                <li>
                    <a href="">汽车</a><i>|</i>
                    <a href="">汽摩</a><i>|</i>
                    <a href="">二手车</a><i>|</i>
                    <a href="">车品</a>
                </li>
                <li>
                    <a href="">图书</a><i>|</i>
                    <a href="">艺术</a><i>|</i>
                    <a href="">原版</a><i>|</i>
                    <a href="">文学</a>
                </li>
                <li>
                    <a href="">医药健康</a><i>|</i>
                    <a href="">计生情趣</a>
                </li>
                <li>
                    <a href="">理财</a><i>|</i>
                    <a href="">分期</a><i>|</i>
                    <a href="">保险</a>
                </li>
            </ul>
        </div>
    </div>

    <!-- 抢购&大聚惠 -->
    <div class="type_area" id="buy">

        <!-- 左边 -->
        <div class="left">
            <!-- 抢购上部分 -->
            <div class="top1">
                <p class="p1">
                    <img src="images/limited.png" alt="限时抢购">
                    <span>距离下场</span>
                    <i>03</i>
                    <i>41</i>
                    <i>16</i>
                </p>
                <p class="p3">
                    20：00场-即将开抢
                </p>
                <p class="p2">
                    16：00场-正在疯抢
                </p>
            </div>

            <!-- 抢购下部分 -->
            <ul class="bottom1">
                <li class="li1">
                    <img src="images/shop.png" alt="商品">
                    <p>壹宝泡脚足浴包艾草叶艾叶藏</p>
                    <p>
                        <span>￥7.5</span>
                        <del>￥17.8</del>
                    </p>
                    <p class="p2">
                        <span><em></em></span>
                        <i>已抢36%</i>
                    </p>
                </li>
                <li>
                    <img src="images/shop.png" alt="商品">
                    <p>壹宝泡脚足浴包艾草叶艾叶藏</p>
                    <p>
                        <span>￥7.5</span>
                        <del>￥17.8</del>
                    </p>
                    <p class="p2">
                        <span><em></em></span>
                        <i>已抢36%</i>
                    </p>
                </li>
                <li>
                    <img src="images/shop.png" alt="商品">
                    <p>壹宝泡脚足浴包艾草叶艾叶藏</p>
                    <p>
                        <span>￥7.5</span>
                        <del>￥17.8</del>
                    </p>
                    <p class="p2">
                        <span><em></em></span>
                        <i>已抢36%</i>
                    </p>
                </li>
                <li>
                    <img src="images/shop.png" alt="商品">
                    <p>壹宝泡脚足浴包艾草叶艾叶藏</p>
                    <p>
                        <span>￥7.5</span>
                        <del>￥17.8</del>
                    </p>
                    <p class="p2">
                        <span><em></em></span>
                        <i>已抢36%</i>
                    </p>
                </li>
            </ul>
        </div>

        <!-- 右边 -->
        <div class="right">
            <!-- 上 -->
            <div class="top2">
                <h2>大聚惠</h2>
                <span class="iconfont">更多 &#xe63e;</span>
            </div>

            <!-- 下 -->
            <div class="bottom2">
                <img src="images/dajuhui.jpg" alt="">
                <div class="dianpu">
                    <p>
                        <img src="images/dianpu1.jpg" alt=""><br>
                        <span>满400减280</span>
                    </p>
                    <p>
                        <img src="images/dianpu2.jpg" alt=""><br>
                        <span>官网价直降</span>
                    </p>
                    <p>
                        <img src="images/dianpu3.jpg" alt=""><br>
                        <span>爆款10.9元起</span>
                    </p>
                    
                </div>
            </div>
        </div> 
    </div>

    <!-- 排行榜&人气好货 -->
    <div class="type_area" id="toplist">

        <!-- 排行榜 -->
        <div class="left">
            <div class="top3">
                <h2>排行榜</h2>
                <span class="iconfont">更多 &#xe63e;</span>
            </div>
            <div class="top3_bottom">
                <p>
                    <span>精选</span>
                    <span>休闲食品</span>
                    <span>纸品清洁</span>
                    <span>苏宁生鲜</span>
                </p>
                
                <ul>
                    <li>
                        <img src="images/top3_shop1.jpg" alt="">
                        <div>
                            <p>恰恰 香瓜子308g袋装 坚果炒货 恰恰出品</p>
                            <i>￥9.9</i>
                            <em>休闲食品销量NO.1</em>
                        </div>
                        
                    </li>
                    <li>
                        <img src="images/top3_shop2.jpg" alt="">
                        <div>
                            <p>金纺 衣物柔顺剂 亲肤系列 纯净温和 衣物护理剂4L 婴幼儿衣物及内衣使用（新老包装随</p>
                            <i>￥39.9</i>
                            <em>纸品清洁销量NO.1</em>
                        </div>
                        
                    </li>
                    <li class="last_li">
                        <img src="images/top3_shop3.jpg" alt="">
                        <div>
                            <p>凤祥食品（Fovo Foods）鸡翅中1kg出口日本级 烧烤食材鸡翅 烤鸡翅炸翅中卤鸡翅 卤味</p>
                            <i>￥79.9</i>
                            <em>苏宁生鲜销量NO.1</em>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="top3_footer">
                <span></span>
                <span></span>
            </div>
        </div>

        <!-- 人气好货 -->
        <div class="right">
            <div class="popular">
                <h2>人气好货</h2>
                <span class="iconfont">更多 &#xe63e;</span>
            </div>
            <div class="popular_bottom">
                <ul>
                    <li class="popular_top_li">
                        <img src="images/popular_bottom1.jpg" alt="">
                        <p>鸭鸭</p>
                        <em>今日特价4.5折起</em>
                    </li>
                    <li class="popular_top_li">
                        <img src="images/popular_bottom2.jpg" alt="">
                        <p>PATEX</p>
                        <em>大牌精选2.5折起</em>
                    </li>
                    <li class="popular_top_li">
                        <img src="images/popular_bottom3.jpg" alt="">
                        <p>爱家乐遥控空气循环扇</p>
                        <i>今日特价4.5折起</i>
                    </li>
                    <li class="popular_top_li popular_top_li2">
                        <img src="images/popular_bottom4.jpg" alt="">
                        <p>双立人砧板套装</p>
                        <i>358人都说好</i>
                    </li>
                    <li>
                        <img src="images/popular_bottom5.jpg" alt="">
                        <p>七匹狼</p>
                        <em>爆款直降2.0折起</em>
                    </li>
                    <li>
                        <img src="images/popular_bottom6.jpg" alt="">
                        <p>OSDY</p>
                        <em>限时抢购1.1折起</em>
                    </li>
                    <li>
                        <img src="images/popular_bottom7.jpg" alt="">
                        <p>爱普生高端工程投影仪</p>
                        <i>372人都说好</i>
                    </li>
                    <li class="popular_top_li2">
                        <img src="images/popular_bottom8.jpg" alt="">
                        <p>凯伍德智能家用厨师机</p>
                        <i>373人都说好</i>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <!-- 店铺banner -->
    <div class="store_banner type_area">
        <a href="#">
            <img src="images/banner_tcl.jpg" alt="">
        </a>
        <a href="#">
            <img src="images/banner_jiadian.jpg" alt="">
        </a>
        <a href="#">
            <img src="images/banner_xiyiji.jpg" alt="">
        </a>
    </div>

    <!-- 发现好货 -->
    <div class="find type_area">
        <!-- 左 -->
        <div class="left">
            <img src="images/find01.png" alt="">
            <img src="images/find02.png" alt="" class="find02">
            <span class="iconfont tansuo">探索新生活 &#xe63e;</span>
        </div>

        <!-- 右 -->
        <div class="right">
            <div>
                <p>黑街多功能变形轮滑鞋</p>
                <a href="#"><img src="images/find_shop1.jpg" alt=""></a>
            </div>
            <div>
                <a href="#"><img src="images/find_shop2.jpg" alt=""></a>
                <p>闪迪 固态闪存盘</p>
            </div>
            <div>
                <p>MAC 圣诞限量 口红…</p>
                <a href="#"><img src="images/find_shop3.jpg" alt=""></a>
            </div>
            <div>
                <a href="#"><img src="images/find_shop4.jpg" alt=""></a>
                <p>环境猫 小巧便携 检测仪</p>
            </div>
            <div>
                <p>闪迪 快速传输文件 存…</p>
                <a href="#"><img src="images/find_shop5.jpg" alt=""></a>
            </div>
            <!-- 右下 -->
            <p class="find_bottom">
                <span></span>
                <span></span>
            </p>
        </div>
        

    </div>

    
    <div class="type_area" id="clothes">
        <!-- 服装配饰 -->
        <div class="clothes_all">
            <!-- 服装配饰上 -->
            <div class="clothes_top">
                <h2>
                    <span>服装配饰</span>
                    <a href="#">
                        <img src="images/clothes_code.jpg" alt="二维码">
                    </a>
                </h2>
                <p>
                    <a href="#"><span>骆驼鞋靴</span></a>
                    <a href="#"><span>珠宝年货节</span></a>
                    <a href="#"><span>洁丽雅</span></a>
                    <a href="#"><span>海澜之家</span></a>
                </p>
            </div>
            <!-- 服装配饰下 -->
            <div class="clothes_bottom">
                <a href="#"><img src="images/clothes_left.jpg" alt=""></a>
                <ul>
                    <li>
                        <p>森马</p>
                        <i>2件3折</i>
                        <img src="images/senma.jpg" alt="">
                    </li>
                    <li>
                        <p>波司登</p>
                        <i>满600减50</i>
                        <img src="images/bosideng.jpg" alt="">
                    </li>
                    <li>
                        <p>雪中飞</p>
                        <i>满399减200</i>
                        <img src="images/xuezhongfei.jpg" alt="">
                    </li>
                    <li>
                        <p>周大生</p>
                        <i>每满399减200</i>
                        <img src="images/zhoudasheng.jpg" alt="">
                    </li>
                    
                </ul>
            </div>
        </div>

        <!-- 运动户外 -->
        <div class="sports_all">
            <!-- 运动户外上 -->
            <div class="sports_top">
                <h2>
                    <span>运动户外</span>
                    <a href="#">
                        <img src="images/sports_code.jpg" alt="二维码">
                    </a>
                </h2>
                <p>
                    <a href="#"><span>鸿星尔克</span></a>
                    <a href="#"><span>斯凯奇</span></a>
                    <a href="#"><span>耐克</span></a>
                    <a href="#"><span>阿迪达斯</span></a>
                </p>
            </div>
            <!-- 运动户外下 -->
            <div class="sports_bottom">
                <a href="#"><img src="images/clothes_right.jpg" alt=""></a>
                <ul>
                    <li>
                        <p>特步</p>
                        <i>暖冬钜惠</i>
                        <img src="images/tebu.jpg" alt="">
                    </li>
                    <li>
                        <p>李宁</p>
                        <i>狂欢不停歇</i>
                        <img src="images/lining.jpg" alt="">
                    </li>
                    <li>
                        <p>维克多</p>
                        <i>低至5折</i>
                        <img src="images/weikeduo.jpg" alt="">
                    </li>
                    <li>
                        <p>名鞋库</p>
                        <i>满299减60</i>
                        <img src="images/mingxie.jpg" alt="">
                    </li>
                    
                </ul>
            </div>
        </div>
    </div>

    <div class="type_area" id="jinrong">
        <!-- 金融 -->
        <div class="jinrong_all">
            <!-- 金融上 -->
            <div class="jinrong_top">
                <h2>
                    <span>服装配饰</span>
                    <a href="#">
                        <img src="images/clothes_code.jpg" alt="二维码">
                    </a>
                </h2>
                <p>
                    <a href="#"><span>骆驼鞋靴</span></a>
                    <a href="#"><span>珠宝年货节</span></a>
                    <a href="#"><span>洁丽雅</span></a>
                    <a href="#"><span>海澜之家</span></a>
                </p>
            </div>
            <!-- 金融下 -->
            <div class="jinrong_bottom">
                <a href="#"><img src="images/clothes_left.jpg" alt=""></a>
                <ul>
                    <li>
                        <p>森马</p>
                        <i>2件3折</i>
                        <img src="images/senma.jpg" alt="">
                    </li>
                    <li>
                        <p>波司登</p>
                        <i>满600减50</i>
                        <img src="images/bosideng.jpg" alt="">
                    </li>
                    <li>
                        <p>雪中飞</p>
                        <i>满399减200</i>
                        <img src="images/xuezhongfei.jpg" alt="">
                    </li>
                    <li>
                        <p>周大生</p>
                        <i>每满399减200</i>
                        <img src="images/zhoudasheng.jpg" alt="">
                    </li>
                    
                </ul>
            </div>
        </div>

        <!-- 阅读 -->
        <div class="read_all">
            <!-- 阅读上 -->
            <div class="read_top">
                <h2>
                    <span>运动户外</span>
                    <a href="#">
                        <img src="images/sports_code.jpg" alt="二维码">
                    </a>
                </h2>
                <p>
                    <a href="#"><span>鸿星尔克</span></a>
                    <a href="#"><span>斯凯奇</span></a>
                    <a href="#"><span>耐克</span></a>
                    <a href="#"><span>阿迪达斯</span></a>
                </p>
            </div>
            <!-- 阅读下 -->
            <div class="read_bottom">
                <a href="#"><img src="images/clothes_right.jpg" alt=""></a>
                <ul>
                    <li>
                        <p>特步</p>
                        <i>暖冬钜惠</i>
                        <img src="images/tebu.jpg" alt="">
                    </li>
                    <li>
                        <p>李宁</p>
                        <i>狂欢不停歇</i>
                        <img src="images/lining.jpg" alt="">
                    </li>
                    <li>
                        <p>维克多</p>
                        <i>低至5折</i>
                        <img src="images/weikeduo.jpg" alt="">
                    </li>
                    <li>
                        <p>名鞋库</p>
                        <i>满299减60</i>
                        <img src="images/mingxie.jpg" alt="">
                    </li>
                    
                </ul>
            </div>
        </div>
    </div>
    
    <!-- 店铺banner -->
    <div class="store_banner type_area">
        <a href="#">
            <img src="images/banner_tcl.jpg" alt="">
        </a>
        <a href="#">
            <img src="images/banner_jiadian.jpg" alt="">
        </a>
        <a href="#">
            <img src="images/banner_xiyiji.jpg" alt="">
        </a>
    </div>

    <!-- 猜你喜欢 -->
    <!-- 第一行 -->
    <div class="type_area" id="guess">
        <h2>猜你喜欢</h2>
        <div class="goods">
            <ul>
                <li>
                    <img src="images/guess_goods1.jpg" alt="">
                    <p class="title">乌江涪陵榨菜脆口榨菜150g*10袋装佐餐咸菜下饭菜榨菜块</p>
                    <p>
                        <span class="danwei">￥</span>
                        <span class="money">35.90</span>
                        <span class="find_same">找相似</span>
                    </p>
                    <p class="butie">
                        <i>补贴</i>
                        <em>每300-30</em>
                    </p>
                    <span class="lingquan">领券39-3</span>
                </li>
                <li>
                    <img src="images/guess_goods2.jpg" alt="">
                    <p  class="title">
                        <span class="ziying"></span>
                        金龙鱼 盘锦大米5kg袋装 蟹稻共生东北大米粳米 超市自营
                    </p>
                    <p>
                        <span class="danwei">￥</span>
                        <span class="money">29.90</span>
                        <span class="find_same">找相似</span>
                    </p>
                </li>
                <li>
                    <img src="images/guess_goods3.jpg" alt="">
                    <p class="title">【三只松鼠 萌新团子138g】糖果棉花糖干吃汤圆糕点草莓味麻薯糯米糍</p>
                    <p>
                        <span class="danwei">￥</span>
                        <span class="money">25.90</span>
                        <span class="find_same">找相似</span>
                    </p>
                    <p>
                    <span class="lingquan">大聚惠</span>
                    <span class="lingquan">领券78-5</span>
                    </p>
                    
                </li>
                <li>
                    <img src="images/guess_goods4.jpg" alt="">
                    <p class="title">乌江涪陵榨菜微辣榨菜丝80g*10袋开味佐餐下饭菜咸菜小菜</p>
                    <p>
                        <span class="danwei">￥</span>
                        <span class="money">22.90</span>
                        <span class="find_same">找相似</span>
                    </p>
                    <p class="butie">
                        <i>补贴</i>
                        <em>每300-30</em>
                    </p>
                    <span class="lingquan">领券39-3</span>
                </li>
                <li class="last_li">
                    <img src="images/guess_goods5.jpg" alt="">
                    <p class="title">
                        <span class="ziying"></span>
                        中粮福临门非转基因压榨玉米油4.5L/桶物理压榨一级家用食用
                    </p>
                    <p>
                        <span class="danwei">￥</span>
                        <span class="money">46.90</span>
                        <span class="find_same">找相似</span>
                    </p>
                    <p>
                        <span class="lingquan">领券39-3</span>
                    </p>
                </li>
            </ul>
        </div>
    </div>
    <!-- 第二行 -->
    <div class="type_area" id="guess">
        <div class="goods">
            <ul>
                <li>
                    <img src="images/guess_goods1.jpg" alt="">
                    <p class="title">乌江涪陵榨菜脆口榨菜150g*10袋装佐餐咸菜下饭菜榨菜块</p>
                    <p>
                        <span class="danwei">￥</span>
                        <span class="money">35.90</span>
                        <span class="find_same">找相似</span>
                    </p>
                    <p class="butie">
                        <i>补贴</i>
                        <em>每300-30</em>
                    </p>
                    <span class="lingquan">领券39-3</span>
                </li>
                <li>
                    <img src="images/guess_goods2.jpg" alt="">
                    <p  class="title">
                        <span class="ziying"></span>
                        金龙鱼 盘锦大米5kg袋装 蟹稻共生东北大米粳米 超市自营
                    </p>
                    <p>
                        <span class="danwei">￥</span>
                        <span class="money">29.90</span>
                        <span class="find_same">找相似</span>
                    </p>
                </li>
                <li>
                    <img src="images/guess_goods3.jpg" alt="">
                    <p class="title">【三只松鼠 萌新团子138g】糖果棉花糖干吃汤圆糕点草莓味麻薯糯米糍</p>
                    <p>
                        <span class="danwei">￥</span>
                        <span class="money">25.90</span>
                        <span class="find_same">找相似</span>
                    </p>
                    <p>
                    <span class="lingquan">大聚惠</span>
                    <span class="lingquan">领券78-5</span>
                    </p>
                    
                </li>
                <li>
                    <img src="images/guess_goods4.jpg" alt="">
                    <p class="title">乌江涪陵榨菜微辣榨菜丝80g*10袋开味佐餐下饭菜咸菜小菜</p>
                    <p>
                        <span class="danwei">￥</span>
                        <span class="money">22.90</span>
                        <span class="find_same">找相似</span>
                    </p>
                    <p class="butie">
                        <i>补贴</i>
                        <em>每300-30</em>
                    </p>
                        <span class="lingquan">领券39-3</span>
                </li>
                <li class="last_li">
                    <img src="images/guess_goods5.jpg" alt="">
                    <p class="title">
                        <span class="ziying"></span>
                        中粮福临门非转基因压榨玉米油4.5L/桶物理压榨一级家用食用
                    </p>
                    <p>
                        <span class="danwei">￥</span>
                        <span class="money">46.90</span>
                        <span class="find_same">找相似</span>
                    </p>
                    <p>
                        <span class="lingquan">领券39-3</span>
                    </p>
                </li>
            </ul>
        </div>
    </div>
    <!-- 第三行 -->
    <div class="type_area" id="guess">
        <div class="goods">
            <ul>
                <li>
                    <img src="images/guess_goods1.jpg" alt="">
                    <p class="title">乌江涪陵榨菜脆口榨菜150g*10袋装佐餐咸菜下饭菜榨菜块</p>
                    <p>
                        <span class="danwei">￥</span>
                        <span class="money">35.90</span>
                        <span class="find_same">找相似</span>
                    </p>
                    <p class="butie">
                        <i>补贴</i>
                        <em>每300-30</em>
                    </p>
                    <span class="lingquan">领券39-3</span>
                </li>
                <li>
                    <img src="images/guess_goods2.jpg" alt="">
                    <p  class="title">
                        <span class="ziying"></span>
                        金龙鱼 盘锦大米5kg袋装 蟹稻共生东北大米粳米 超市自营
                    </p>
                    <p>
                        <span class="danwei">￥</span>
                        <span class="money">29.90</span>
                        <span class="find_same">找相似</span>
                    </p>
                </li>
                <li>
                    <img src="images/guess_goods3.jpg" alt="">
                    <p class="title">【三只松鼠 萌新团子138g】糖果棉花糖干吃汤圆糕点草莓味麻薯糯米糍</p>
                    <p>
                        <span class="danwei">￥</span>
                        <span class="money">25.90</span>
                        <span class="find_same">找相似</span>
                    </p>
                    <p>
                    <span class="lingquan">大聚惠</span>
                    <span class="lingquan">领券78-5</span>
                    </p>
                    
                </li>
                <li>
                    <img src="images/guess_goods4.jpg" alt="">
                    <p class="title">乌江涪陵榨菜微辣榨菜丝80g*10袋开味佐餐下饭菜咸菜小菜</p>
                    <p>
                        <span class="danwei">￥</span>
                        <span class="money">22.90</span>
                        <span class="find_same">找相似</span>
                    </p>
                    <p class="butie">
                        <i>补贴</i>
                        <em>每300-30</em>
                    </p>
                        <span class="lingquan">领券39-3</span>
                </li>
                <li class="last_li">
                    <img src="images/guess_goods5.jpg" alt="">
                    <p class="title">
                        <span class="ziying"></span>
                        中粮福临门非转基因压榨玉米油4.5L/桶物理压榨一级家用食用
                    </p>
                    <p>
                        <span class="danwei">￥</span>
                        <span class="money">46.90</span>
                        <span class="find_same">找相似</span>
                    </p>
                    <p>
                        <span class="lingquan">领券39-3</span>
                    </p>
                </li>
            </ul>
        </div>
    </div>

    <!-- 浮动导航 -->
    <div id="move_bar">
        <ul>
            <li>特色优选</li>
            <li>发现好货</li>
            <li>服饰运动</li>
            <li>金融阅读</li>
            <li>猜你喜欢</li>
            <li class="iconfont last_li">&#xe60d; 顶部</li>
        </ul>
    </div>

    <!-- END -->
    <div class="type_area end">
        <span>——————</span>
        <span>END</span>
        <span>——————</span>
    </div>

    <!-- 页面底部 -->
    <div id="footer">
        <ul>
            <li class="top_li">
                <a href="#">购物指南</a>
            </li>
            <li>
                <a href="#">购物流程</a>
            </li>
            <li>
                <a href="#">支付方式</a>
            </li>
            <li>
                <a href="#">配送方式</a>
            </li>
        </ul>
        <ul>
            <li class="top_li">
                <a href="#">售后服务</a>
            </li>
            <li>
                <a href="#">售后政策</a>
            </li>
            <li>
                <a href="#">价格保护</a>
            </li>
            <li>
                <a href="#">退款说明</a>
            </li>
            <li>
                <a href="#">返修/退换货</a>
            </li>
            <li>
                <a href="#">取消订阅</a>
            </li>
        </ul>
        <ul>
            <li class="top_li">
                <a href="#">配送方式</a>
            </li>
            <li>
                <a href="#">上门自提</a>
            </li>
            <li>
                <a href="#">22限时达</a>
            </li>
            <li>
                <a href="#">配送服务查询</a>
            </li>
            <li>
                <a href="#">配送费收取标准</a>
            </li>
            <li>
                <a href="#">海外配送</a>
            </li>
        </ul>
        <ul>
            <li class="top_li">
                <a href="#">支付方式</a>
            </li>
            <li>
                <a href="#">网上支付</a>
            </li>
            <li>
                <a href="#">支付宝支付</a>
            </li>
            <li>
                <a href="#">邮局汇款</a>
            </li>
        </ul>
        <ul>
            <li class="top_li">
                <a href="#">用户帮助</a>
            </li>
            <li>
                <a href="#">免费注册</a>
            </li>
            <li>
                <a href="#">找回密码</a>
            </li>
            <li>
                <a href="#">常见问题</a>
            </li>
            <li>
                <a href="#">优惠劵使用</a>
            </li>
        </ul>
    </div>

    <!-- 经营许可 -->
    <div id="copyright">
        <p>Copyright &copy; 2010-2016 小U商城 版权所有 保留一切权利</p>
        <p>经ICP备10218183号 经ICP证161188号 京公安备案 11010802020593号 出版物经营许可证新出发京批字第直130052号</p>
    </div>
</body>

</html>